// 用来统一封装 axios
// 导入 axios
import axios from 'axios'
// 导入store对象
import store from '@/store'
import router from '@/router'
import { Toast } from 'vant'
// 创建一个 axios 的副本对象
const instance = axios.create({
  baseURL: 'http://toutiao.itheima.net/'
})
// 用来发起获取新的token的请求
const instance1 = axios.create({
  baseURL: 'http://toutiao.itheima.net'
})

// 设置请求拦截来统一设置token
instance.interceptors.request.use(
  (config) => {
    // console.log(config)
    // return config
    // 获取token
    // 先导入store对象
    const token = store.state.token.token
    // console.log(token)
    // 携带token
    // 还需判断token是否存在
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
      // console.log(config.headers.Authorization)
    }
    // 成功回调函数
    return config
  },
  (err) => {
    // 失败的回调函数
    return Promise.reject(err)
  }
)
// 设置响应拦截来捕获token失效的错误401
instance.interceptors.response.use(
  (response) => {
    return response // 请求成功的回调
  },
  async (err) => {
    // console.dir(err)
    if (err.request.status === 401) {
      try {
        // token失效
        // 先获取reflash-token，根据reflash-token发起一个新的请求来获取新的toekn

        // console.log(store.state.token);
        // console.log(refrashToken)
        const reToken = store.state.token.refresh_token
        // console.log(reToken)
        // console.log(store.state.token)
        // console.log(reToken)
        // 建立一个新的副本实例
        const res = await instance1({
          url: '/v1_0/authorizations',
          method: 'put',
          Headers: {
            Authorization: `Bearer ${reToken}`
          }
        })
        console.log(res)
        // 将新的token保存到Loaclstorage和vuex中
        // 在store中已经封装一个方法来保存token直接调用就可以
        store.commit('changeToken', {
          toekn: res.data.data.token,
          refresh_token: reToken
        })
        // 请求之前报错的请求（就是根据token再发一次请求）
        const resAgain = await instance(err.config)
        return resAgain
      } catch {
        // 进入到这里就已经说明refresh_token失效了
        // 清除token
        // 调用store中mutations中方法
        store.commit('delToken')
        // 跳转回登录页
        router.push('/login')
        Toast.fail('登录已过期，请重新登录')
      }
    }

    return Promise.reject(err) // 请求失败的的回调
  }
)
// 暴露副本对象
export default instance
